<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>云南公安网安大数据安全监管平台</title>
  <link rel="stylesheet" href="../../assets/css/uikit.css">
  <link rel="stylesheet" href="../../assets/css/style.css">
  <link rel="stylesheet" href="../../assets/icons/style.css">
  <script src="../../scripts/jquery-1.11.3.min.js"></script>
  <script src="nav.js"></script>
  <script src="../../scripts/plugins/jquery.icheck.min.js"></script>
  <script src="../../scripts/plugins/jquery.tablesort.min.js"></script>
</head>
<body class="sys-body" style="overflow:hidden;">
  <div class="sys-header">
    <div class="sys-logo">
      <h1>云南公安网安大数据安全监管平台</h1>
    </div>

    <div class="sys-menu" id="sys-menu">
      <ul>
        <li>loading......</li>
      </ul>
      <div class="curLine"></div>
    </div>
    <div class="sys-topbar">
      <img src="../../assets/images/_userphoto.png"><span><a href="javascript:void(0);">Admin</a><a href="javascript:void(0);"> 【注销】</a></span>
    </div>
  </div>

  <div class="sys-sidebar">
    <div class="toggle-sidebar"><i class="icon-toleft"></i></div>
    <ul>

      <li  class="active"><a href="sys-db.html"><i class="icon-db"></i><span>日志管理</span></a><em class="open"></em>
        <ul>
          <li  class="active"><a href="sys-disk.html">日志清理</a></li>
          <!-- <li><a href="sys-backup.html">数据备份</a></li> -->
        </ul>
      </li>

      <li> <a href="javascript:void(0);"><i class="icon-info-fill"></i><span>系统信息</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-info.html">系统信息</a></li>
          <li><a href="sys-email.html">邮件服务器</a></li>
          <li><a href="sys-collection.html">采集服务器</a></li>
          <li><a href="sys-server.html">客户端类型配置</a></li>
        </ul>
      </li>
      <li> <a href="sys-dictionary.html"><i class="icon-info-fill"></i><span>数据字典管理</span></a><em class="open"></em>
        <ul>
          <li><a href="sys-dictionary.html">码表管理</a></li>
        </ul>
      </li>
    </ul>
  </div>

  <div class="sys-main" id="sys-main">
    <div class="sys-title"><h2>日志清理</h2></div>
    <div class="sys-content">
      <div class="panel">
        <div class="panel-head">
          <div class="panel-title">
            <h3>空间占用情况</h3>
          </div>
          <div class="btnbar"> <button class="btn btn-success" id="clear">清理</button></div>
        </div>
        <div class="panel-body">

          <ul class="blockls">
            <li><h3>总量</h3><p><span id="numbl0">12/20</span><em>TB</em></p> </li>
            <li><h3>脱敏日志</h3><p><span id="numbl0">225</span><em>GB</em></p> </li>
            <li><h3>探针日志</h3><p><span id="numbl1">1225</span><em>GB</em></p> </li>
            <li><h3>运维日志</h3><p><span id="numbl2">587</span><em>MB</em></p> </li>
            <li><h3>平台日志</h3><p><span id="numbl3">125</span><em>MB</em></p> </li>
            <li><h3>监管数据</h3><p><span id="numbl3">132</span><em>TB</em></p> </li>
            <li><h3>配置信息</h3><p><span id="numbl3">35</span><em>MB</em></p> </li>
          </ul>
        </div><!--panel-body end-->
      </div>

      <div class="panel">
        <div class="panel-head">
          <div class="panel-title">
            <h3>清理记录</h3>
          </div>
          <div class="btnbar"></div>
        </div>
        <div class="panel-body">
          <table class="table table-striped">
            <thead>
              <tr>
                <th width="5%">序号</th>
                <th>操作人</th>
                <th width="28%">操作时间</th>
                <th>日志类型</th>
                <th>日志等级</th>
                <th>开始时间</th>
                <th>结束时间</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>lijun</td>
                <td>2017-08-25 16:24:53</td>
                <td>脱敏日志</td>
                <td><span class="badge  badge-danger">高</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>2</td>
                <td>zhangjiang</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>3</td>
                <td>ga-210207</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>4</td>
                <td>ga-210207</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>5</td>
                <td>admin</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>6</td>
                <td>admin</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>7</td>
                <td>admin</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>8</td>
                <td>admin</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>9</td>
                <td>admin</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
              <tr>
                <td>10</td>
                <td>admin</td>
                <td>2017-08-25 16:24:53</td>
                <td>运维日志</td>
                <td><span class="badge  badge-success">低</span></td>
                <td>2017-08-25 16:24:53</td>
                <td>2017-08-25 16:24:53</td>
              </tr>
            </tbody>
          </table>
        </div><!--panel-body end-->
        <div class="panel-foot">
          <div class="btns"></div>
          <div class="page">
            <ul class="pagination">
              <li class="disabled"><a href="javascript:void(0);">&lt;</a></li>
              <li class="active"><a href="javascript:void(0);">1</a></li>
              <li><a href="javascript:void(0);">2</a></li>
              <li><a href="javascript:void(0);">3</a></li>
              <li><a href="javascript:void(0);">4</a></li>
              <li><a href="javascript:void(0);">5</a></li>
              <li><a href="javascript:void(0);">&gt;</a></li>
              <li class="go"><input type="text" title="输入页码跳转"></li>
            </ul>
          </div>
        </div><!--panel-foot end-->
      </div><!--panel-body end-->
    </div>

    <div class="dialog dialog-sm">
      <div class="dialog-win">
      <div class="dialog-head"><span>清理磁盘空间</span><a class="close" href="javascript:void(0)"><i class="icon-close"></i></a></div>
        <div class="dialog-body">

          <div class="form-box" style="display:block;">
            <div class="form-item">
              <div class="form-title">日志类型：</div>
              <div class="form-content">
                <table class="table">
                  <tbody>
                    <tr>
                      <td class="tdtit" width="25%">数据访问日志</td>
                      <td><label><input type="checkbox">用户访问行为</label>
                        <label><input type="checkbox">特权操作</label></td>
                      </tr>
                      <tr>
                        <td class="tdtit">数据脱敏日志</td>
                        <td><label><input type="checkbox">数据库静态脱敏</label>
                         <label><input type="checkbox"> 数据库动态脱敏</label><br>
                         <label><input type="checkbox">文件静态</label>
                         <label><input type="checkbox">文件动态</label></td>
                       </tr>
                       <tr>
                        <td class="tdtit">数据运维日志</td>
                        <td><label><input type="checkbox">运维操作日志</label></td>
                      </tr>
                      <tr>
                        <td class="tdtit">系统日志</td>
                        <td><label><input type="checkbox">系统日志</label></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
              <div class="form-item">
                <div class="form-title">日志等级：</div>
                <div class="form-content"><label><input type="checkbox">一般事件</label><label><input type="checkbox">低</label><label><input type="checkbox">中</label><label><input type="checkbox">高</label></div>
              </div>
              <div class="form-item">
                <div class="form-title">开始时间：</div>
                <div class="form-content"><input class="input" value="" type="text"></div>
              </div>

              <div class="form-item">
                <div class="form-title">结束时间：</div>
                <div class="form-content"><input class="input" value="" type="text"></div>
              </div>

            </div>
          </div>

          <div class="dialog-foot"><button class="btn" id="save">清理</button><button id="cancel" class="btn btn-minor">取消</button></div>

        </div>
      </div>
      <!--dialog end-->
    </div>


  </body>
  </html>
  <script>
    $(document).ready(function(){
      $("#clear").on("click",function(){
        $(".dialog").show();
      })
    })
  </script>